    @charset "utf-8";
    @import 'reset';
    $fontSize:40;
    @function r($p) {
        @return $p/$fontSize*1rem;
    }
    html{
        font-size: $fontSize;
        width: 100%;
        height: 100%;
    }
    body{
        font-size: 16px;
        width: 100%;
        height: 100%;
    }
    .web {
        width: r(640);
        header {
            .top {
                ul {
                    width: r(640);
                    height: r(75);
                    border-bottom: 1px solid #A7A7A7;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    li {
                        display: flex;
                        align-items: center;
                        font-size: r(30);
                        color: #343434;
                        a {
                            display: flex;
                            align-items: center;
                            margin: 0 r(29);
                            font-size: r(24);
                            color: #585858;
                            img {
                                height: r(38);
                            }
                            .plane{
                                width: r(43);
                            }
                        }
                    }
                }
            }
        }
        .container {
           width: r(640);
           background: #F2F2F2;
           .con_top{
               background: #FFFFFF;
               .text{
                   display: flex;
                   justify-content: flex-start;
                   align-items: center;
                   margin: 0 auto;
                   width:r(584);
                   font-size: r(24);
                   padding-top:r(28);
                   padding-bottom:r(27);
                   border-bottom:1px solid #cacaca;
                   
                   p{
                       padding-right: r(29);
                       line-height: r(24);
                       vertical-align: middle;
                       color: #343434;
                   }
                   input{
                       width:r(400);
                       border: none;
                       vertical-align: middle;
                       font-size: r(24);
                       line-height: r(24);
                   }
                   input::-webkit-input-placeholder{
                       color:#CACACA ;
                   }
                   .start{
                       width: r(118);
                   }
                   .end{
                       width: r(118);
                   }
                   span{
                       padding: 0 r(8);
                       color: #585858;
                   }
               }
               .work{
                   border: none;
               }
           }
           .con_con{
               margin-top: r(28);
               background: #FFFFFF;
               .text{
                   display: flex;
                   justify-content: flex-start;
                   align-items: center;
                   margin: 0 auto;
                   width:r(584);
                   font-size: r(24);
                   padding-top:r(28);
                   padding-bottom:r(27);
                   border-bottom:1px solid #cacaca;
                   
                   p{
                       padding-right: r(29);
                       line-height: r(24);
                       vertical-align: middle;
                       color: #343434;
                   }
                   .price{
                       padding-right: r(18);   
                   }
                   input{
                       width:r(400);
                       border: none;
                       vertical-align: middle;
                       font-size: r(24);
                       line-height: r(24);
                   }
                   input::-webkit-input-placeholder{
                       color:#CACACA ;
                   }
                   .start{
                       width: r(118);
                   }
                   .end{
                       width: r(118);
                   }
                   span{
                       padding: 0 r(8);
                       color: #585858;
                   }
                   .radio{
                       display: flex;
                       justify-content: space-between;
                       align-items: center;
                       .btn{
                           display: flex;
                           align-items: center;
                           font-size:r(24);
                           cursor: pointer;
                           img{
                               width: r(32);
                               padding-right:r(8) ;
                           }
                       }
                   }
               }
               .work{
                   border: none;
               }
           }
           .adopt_t{
                       width: r(640);
                       background: #F2F2F2;
                       height: r(56);
                       p{
                           width:r(584) ;
                           margin: 0 auto;
                           font-size: r(24);
                           line-height: r(56);
                       }
                   }
            .add_t{
                width: r(584);
                margin: 0 auto;
                display: flex;
                justify-content: flex-start;
                align-items: center;
                padding: r(24) 0;
                img{
                    width:r(32);
                    margin-right: r(16);
                }
                .add_img{
                    width: r(180);
                    height: r(180);
                    background: #cccccc;
                    margin-right: r(27);
                    border-radius: r(6);
                    position: relative;
                    cursor: pointer;
                    img{
//                      padding-top: 30px;
                        width: r(69);
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%,-50%);
                    }
                    p{
                        width: 100%;
                        position: absolute;
                        bottom: r(14);
                        left: 50%;
                        font-size: r(20);
                        transform: translate(-50%);
                        text-align: center;
                    }
                }
            }
            .t_text{
               width: r(640);
               height: r(138); 
               textarea{
                   width: r(640);
                   height: r(138);
                   border: none;
                   padding: r(23) r(74) r(55) r(28);
                   color: #CACACA;
                   font-size: r(20);
                   line-height: r(30);
               }
               textarea::-webkit-input-placeholder{
                       color:#CACACA ;
                   }
            }
        }
        .foot{
            width: r(640);
            height: r(80);
            a{
                width: 100%;
                height: r(80);
                line-height: r(80) ;
                font-size: r(30);
                display: block;
                text-align: center;
                background: #333333;
                color: #FFFFFF;
            }
        }
        .foot_aci{
            width: r(640);
            height: r(80);
            a{
                width: 100%;
                height: r(80);
                line-height: r(80) ;
                font-size: r(30);
                display: block;
                text-align: center;
                background: #7F7F7F;
                color: #FFFFFF;
            }
        }
    }